<template>
	<view class="tags flex flex-wrap">
		<u-tag @click="$emit('click')" :text="STAFF_STATUS[item.status]?.label" plain plainFill size="mini"
			borderColor="#f1f1f100" :type="STAFF_STATUS[item.status]?.type"></u-tag>
		<u-tag @click="$emit('click')" class="tag-item" :text="EXTRACT_STATUS[item.withdrawal]?.label" plain plainFill
			size="mini" borderColor="#f1f1f100" :type="EXTRACT_STATUS[item.withdrawal]?.type"></u-tag>
		<u-tag @click="$emit('click')" class="tag-item" v-if="item.storesCount && item.storesCount>0"
			:text="`${item.storesCount}个门店`" plain plainFill size="mini" borderColor="#f1f1f100"></u-tag>
	</view>
</template>

<script setup>
	import {
		STAFF_STATUS,
		EXTRACT_STATUS,
		SHOP_STATUS,
		EXAMINE_STATUE
	} from '@/constant/index.js'
	defineProps({
		item: {
			type: Object
		}
	})
</script>

<style scoped lang="scss">
	.tags {
		.tag-item {
			margin-left: 10px;
		}

		::v-deep .u-tag__text {
			font-size: 10px;
		}

		::v-deep .u-tag--mini {
			height: 100% !important;
			line-height: 22px;
			padding: 2px 5px;
		}
	}
</style>